<template>
    <div id="mapContainer" style="width: 100%; height: 600px;margin: 0 auto"></div>
  </template>
  
  <script>
  export default {
    name: 'BaiduMapComponent',
    mounted() {
      this.initMap();
    },
    methods: {
      initMap() {
        // 创建地图实例
        const map = new BMap.Map("mapContainer");
  
        // 创建点坐标，这里以北京为例
        const point = new BMap.Point(115.874584, 28.741103);
  
  
        // 初始化地图，设置中心点坐标和地图级别
        map.centerAndZoom(point, 15);
  
        map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
  
        map.setHeading(64.5);   //设置地图旋转角度
        map.setTilt(73);       //设置地图的倾斜角度
  
  
        // 添加缩放控件
        map.addControl(new BMap.ScaleControl());
        // 添加缩略平移控件
        map.addControl(new BMap.OverviewMapControl());
  
      }
    }
  };
  </script>
  
  <style scoped>
  /* 可以在这里添加额外的样式 */
  #mapContainer {
  
  }
  </style>